<!DOCTYPE html>
<html style="background-color: #F2F2F2;">
<head>
	
	<title><?php echo _PLATFORM_TITLE_; ?></title>

	<?php $this->setFlag('vue,lazyload,wxshare,swiper'); ?>
	<?php $this->import('meta'); ?>

	<link rel="stylesheet" type="text/css" href="html/platformwap/showpage/css/home.css?v=11" />

    <script type="text/javascript" src="html/platformwap/showpage/js/home.js?v=12"></script>

</head>
<body>

	<div style="display: none;"></div>
	<div id="loadSpin" class="bg"></div>

	<div id="mainBg" class="bg" style="display: none;">

		<input type="text" id="tabtype" class="display-none" value="0" />

		<?php $this->import('focus'); ?>

		<div class="inlet-bg">
			<div id="swiperBar" class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<img class="swiper-slide swiper-img1" src="static/pic/wap/home1.png" />
					</div>
				</div>
				<div class="swiper-pagination"></div>
			</div>

			<div class="navigation-bar">
				<div class="navigation-btn">
					<div class="navigation-btn-row">
						<div class="navigation-btn-box" onclick="toUrl('index.php?m=electronic&c=list')">
							<img class="navigation-btn-img" src="static/pic/wap/navigation1.png" />
		                    <div class="navigation-btn-text">家电维修</div>
						</div>
					</div>
				</div>
				<div class="navigation-btn">
					<div class="navigation-btn-row">
						<div class="navigation-btn-box" onclick="toUrl('index.php?m=housecraft&c=list');">
							<img class="navigation-btn-img" src="static/pic/wap/navigation2.png" />
		                    <div class="navigation-btn-text">家政服务</div>
						</div>
					</div>
				</div>
				<div class="navigation-btn">
					<div class="navigation-btn-row">
						<div class="navigation-btn-box" onclick="toUrl('index.php?m=other&c=list&sortationid=1720510704')">
							<img class="navigation-btn-img" src="static/pic/wap/navigation3.png" />
		                    <div class="navigation-btn-text">搬家服务</div>
						</div>
					</div>
				</div>
				<div class="navigation-btn">
					<div class="navigation-btn-row">
						<div class="navigation-btn-box" onclick="toUrl('index.php?m=other&c=list&sortationid=1720513080')">
							<img class="navigation-btn-img" src="static/pic/wap/navigation4.png" />
		                    <div class="navigation-btn-text">管道疏通</div>
						</div>
					</div>
				</div>
				<div class="navigation-btn">
					<div class="navigation-btn-row">
						<div class="navigation-btn-box" onclick="toUrl('index.php?m=other&c=list&sortationid=1720514544')">
							<img class="navigation-btn-img" src="static/pic/wap/navigation5.png" />
		                    <div class="navigation-btn-text">开锁换锁</div>
						</div>
					</div>
				</div>
				<div class="navigation-btn">
					<div class="navigation-btn-row">
						<div class="navigation-btn-box" onclick="toUrl('index.php?m=customer&c=contact')">
							<img class="navigation-btn-img" src="static/pic/wap/navigation6.png" />
		                    <div class="navigation-btn-text">联系客服</div>
						</div>
					</div>
				</div>
				<div class="navigation-btn">
					<div class="navigation-btn-row">
						<div class="navigation-btn-box" onclick="toUrl('index.php?m=customer&c=package')">
							<img class="navigation-btn-img" src="static/pic/wap/navigation7.png" />
		                    <div class="navigation-btn-text">信息发布</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div id="tabOption" class="tab-bar">
			<div class="tab-option-click">专属推荐</div>
		</div>

		<div id="listBar" class="list-bg">
            <div v-bind:id="'recommendInfo' + info.infoid" v-for="info in list">
                <div class="list-bar" v-on:click="viewRecommend(info.infoid, info.datatype)">
                    <div class="list-text">
                        <div class="list-title-bar">
                            <div class="list-title">{{ info.title }}</div>
                        </div>
                        <div class="list-area">{{ info.area }}</div>
                        <div class="list-feature-bar">
                        	<div class="list-feature2">{{ info.sortation }}</div>
                            <div class="list-feature" v-for="feature in info.feature">{{ feature }}</div>
                        </div>
                    </div>
                    <div class="list-pic">
                        <img class="list-logo" v-lazy="info.smallpic" />
                    </div>
                </div>
                <div class="list-separate"></div>
            </div>
        </div>

		<?php $this->import('page'); ?>
		<?php $this->import('totop'); ?>

	</div>

	<script type="text/javascript">
		var recommend = new Vue({
            el: '#listBar',
            data: {
                list: ''
            },
            mounted() {
            	Vue.use(VueLazyload);
            },
            watch: {
                list() {
                    this.$nextTick(() => {
                    	if (getStorage('recommend_id') != null && getStorage('recommend_id') != '') {
                            location.href = '#recommendInfo' + getStorage('recommend_id');

                            var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
                            window.scrollTo(0, scrollTop - 130);

                            //重新将 storage 赋值给 input 元素
                            setValue('page', getStorage('recommend_page'));
                            setValue('tabtype', getStorage('recommend_tabtype'));

                            resetOption();
                        }

                        setStorage('recommend_id', '');
                        setStorage('recommend_page', '');
                        setStorage('recommend_tabtype', '');

                        var mySwiper = new Swiper('.swiper-container', {
							pagination: {
								el: '.swiper-pagination'
							},
							direction: 'horizontal', 
							loop: false, 
							speed: 300, 
							initialSlide: 0, 
							autoplay: {
								disableOnInteraction: false, 
								delay: 5000
							}
						});
                    })
                }
            }
        });
	</script>

</body>
</html>